import QtQuick 2.0

//Button element for use in full screen game menu

Rectangle {
    signal clicked;
    property alias text: txt.text;
    width: 100
    height: 40

    gradient: Gradient {
        GradientStop { position: 0.0; color: "black"}
        GradientStop { position: 0.5; color: "grey"}
        GradientStop { position: 1.0; color: "black"}
    }
    border.color: "darkgrey"
    radius: 7;
    border.width: 4;

    Text {
        id: txt;
        text: "Ok";
        color: "white";
        style: Text.Raised; styleColor: "#000000"
        font.bold: true;
        font.pixelSize: parent.height - 15;
        anchors.centerIn: parent;
    }
    MouseArea{
        anchors.fill: parent
        onClicked: parent.clicked()
    }
}
